<template>
  <div :class="['app', isH5() ? 'h5-container' : 'web-container']">
    <router-view></router-view>
  </div>
</template>

<script lang="ts" setup>
import { isH5 } from '@/utils/device';
</script>

<style lang="scss">
.app {
  width: 100%;
  height: 100%;
  
  &.h5-container {
    // H5端特定样式
    max-width: 100vw;
  }
  
  &.web-container {
    // Web端特定样式
    min-width: 1200px;
  }
}
</style> 